<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css17 结构伪类2</title>
    <style>
    /* 结构1 选择最后一个 */
    /* div>p:last-child
    {
        color: red;
    } */
    /*结构2 可以选择第几个,odd或者2n+1选择奇数，even或者2n为偶数，公式形式固定为an+b，例如前五个为-n+5 */
    /* div>p:nth-child(-n+5)
    {
        color: red;
    } */
/* 结构3 选择的是div的最后一个儿子p元素，用first就是第一个（按照所有同类型兄弟计算的） */
    /* div>p:last-of-type
    {
        color: red;
    } */
    div>p:nth-of-type(5)
    {
        color: red;
    }
/* 有type就为同类型兄弟，没有就是所有兄弟 */
    </style>
</head>
<body>
     <!-- 结构1 -->
    <!-- <div>
        <p >zhangsan</p>
        <p>zhangsi</p>
        <p>zhangwu</p>
        <p>zhangliu</p>
        <p>zhangqi</p>
        <p>zhangba</p>
    </div> -->
    <!-- 结构2 -->
    <!-- <div>

        <p>第1个</p>
        <p>第2个</p>
        <p>第3个</p>
        <p>第4个</p>
        <p>第5个</p>
        <p>第6个</p>

    </div> -->
    
    <!-- 结构3 -->
    <div>
        <span>测试1</span>  
        <p >zhangsan</p>
        <p>zhangsi</p>
        <p>zhangwu</p>
        <span>测试2</span>
        <p>zhangliu</p>
        <p>zhangqi</p>
        <p>zhangba</p>
        <span>测试3</span>
    </div>
</body>
</html>